
<template>
  <div v-if="isTitle" v-show="show"></div>

  <description
    :control="control"
    v-else-if="isDescription"
    v-show="show"
  ></description>

  <form-sheet
    :id="id"
    :control="control"
    v-else-if="isSheet"
  ></form-sheet>

  <system-control
    :control="control"
    v-else-if="isSystem"
    v-show="show"
  ></system-control>

  <!-- <a-col class="ant-col" :span="span" v-else v-show="show"> -->
  <div
    v-else
    v-show="show"
    :id="id"
  >
    <base-control-adapter :control="control" :class="{ error : hasError }"></base-control-adapter>
  </div>

  <!-- </a-col> -->
</template>


<script lang='ts'>
import { Vue, Prop, Component, Inject } from "vue-property-decorator";

import { RendererFormControl } from "../../typings";

import { FormControlType } from "../../typings";

import BaseControlAdapter from "./base-control-adapter.vue";

import FormSheet from "./form-sheet.vue";
import SystemControl from "./system-control.vue";

import FormTitle from "../layout/form-title.vue";
import Description from "../layout/description.vue";

import ControlAdapter from "../control-adapter";

@Component({
  name: "control-adapter",
  components: {
    BaseControlAdapter,
    FormTitle,
    Description,
    SystemControl,
    FormSheet
  }
})
export default class MobileControlAdapter extends ControlAdapter {}
</script>


<style lang="less" scoped>
</style>

